<!DOCTYPE html>
<!-- 
Template Name: Metronic - Responsive Admin Dashboard Template build with Twitter Bootstrap 3.1.1
Version: 2.0.2
Author: KeenThemes
Website: http://www.keenthemes.com/
Contact: support@keenthemes.com
Purchase: http://themeforest.net/item/metronic-responsive-admin-dashboard-template/4021469?ref=keenthemes
License: You must have a valid license purchased only from themeforest(the above link) in order to legally use the theme for your project.
-->
<!--[if IE 8]> <html lang="en" class="ie8 no-js"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9 no-js"> <![endif]-->
<!--[if !IE]><!-->
<!--<![endif]-->
<!-- BEGIN HEAD -->
<!-- BEGIN BODY -->

<body class="page-header-fixed">
<!-- BEGIN CONTAINER -->
	<!-- BEGIN CONTENT -->
	<!--表格操作按钮组-->
	<div>
		<a class="btn blue alert1" onClick="test1()"><i class="fa fa-user"></i>提示框无方法</a>
		<a class="btn blue alert2" onClick="test2()"><i class="fa fa-user"></i>提示框有方法</a>
		<hr/>
		<!--msg提示文字；methodName点击确定后执行的方法名和参数-->
		<a class="btn blue bootboxWindow_confirm" msg="请先选择内容！" methodName="test3('3_OK')"><i class="fa fa-check"></i>确认框</a>
		<hr/>
		<a class="btn blue" data-target="#subjectModel1" data-toggle="modal"><i class="fa fa-plus"></i>单列表单</a>
		<a class="btn blue" data-target="#subjectModel2" data-toggle="modal"><i class="fa fa-plus"></i>双列表单</a>
		<a class="btn blue" data-target="#subjectModel3" data-toggle="modal"><i class="fa fa-plus"></i>混合表单+全部输入框控件</a>
		<hr/>
		<a class="btn blue" data-target="#tableSelect" data-toggle="modal"><i class="fa fa-plus"></i>修改角色</a>
	</div>
<div id="subjectModel1" class="modal fade" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">新增数据单列布局</h4>
			</div>
			<div class="modal-body form">
				<div class="form-group">
					<div class="row">
						<label class="col-sm-2 control-label text-right">输入框</label>
						<div class="col-sm-10">
							<div class="input-group"><input type="text" class="form-control"/></div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">角色</label>
						<div class="col-sm-10">
							<div class="input-group">
								<select class="form-control">
									<option>系统管理员</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">状态</label>
						<div class="col-sm-10">
							<div class="checkbox-list">
								<label class="checkbox-inline"><input type="checkbox" value="1" checked>启用</label>
								<label class="checkbox-inline"><input type="checkbox" value="1">禁用</label>
							</div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">状态</label>
						<div class="col-md-10">
							<div class="radio-list">
								<label class="radio-inline"><input type="radio" name="optionsRadios" value="1" checked>启用</label>
								<label class="radio-inline"><input type="radio" name="optionsRadios" value="2">禁用</label>
							</div>
						</div>
					</div>
					<hr />
					<div class="row">
						<div class="col-sm-12 text-center">
							<div class="b-show_img" id="showPortrait1Box">
	                            <img src="/manageView/assets/img/logo.png">
	                        </div><br />
							<div class="b-show_img_btns">
								<label>
									<input class="b-file_molding" size="6" type="file" onchange="previewImage(this,'showPortrait1Box')">
									<input value="添加照片" type="button">
								</label>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
				<button type="button" class="btn btn-primary"><i class="fa fa-check"></i>保存</button>
			</div>
		</div>
	</div>
</div>
<div id="subjectModel2" class="modal fade" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">新增数据双列布局</h4>
			</div>
			<div class="modal-body form">
				<div class="form-group">
					<div class="row">
						<label class="col-sm-2 control-label text-right">名称</label>
						<div class="col-sm-4">
							<div class="input-group"><input type="text" class="form-control"/></div>
						</div>
						<label class="col-sm-2 control-label text-right">角色</label>
						<div class="col-sm-4">
							<div class="input-group">
								<select class="form-control">
									<option>系统管理员</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">状态</label>
						<div class="col-sm-4">
							<div class="checkbox-list">
								<label class="checkbox-inline"><input type="checkbox" value="1" checked>启用</label>
								<label class="checkbox-inline"><input type="checkbox" value="1">禁用</label>
							</div>
						</div>
						<label class="col-sm-2 control-label text-right">状态</label>
						<div class="col-md-4">
							<div class="radio-list">
								<label class="radio-inline"><input type="radio" name="optionsRadios" value="1" checked>启用</label>
								<label class="radio-inline"><input type="radio" name="optionsRadios" value="2">启用</label>
							</div>
						</div>
					</div>
					<hr />
					<div class="row">
						<div class="col-sm-6 text-center">
							<div class="b-show_img" id="showPortrait2Box">
	                            <img src="/manageView/assets/img/logo.png">
	                        </div><br />
	                        <div class="b-show_img_btns">
								<label>
									<input class="b-file_molding" size="6" type="file" onchange="previewImage(this,'showPortrait2Box')">
									<input value="添加照片" type="button">
								</label>
							</div>
						</div>
						<div class="col-sm-6 text-center">
							<div class="b-show_img" id="showPortrait3Box">
	                            <img src="/manageView/assets/img/logo.png">
	                        </div><br />
	                        <div class="b-show_img_btns">
								<label>
									<input class="b-file_molding" size="6" type="file" onchange="previewImage(this,'showPortrait3Box')">
									<input value="添加照片" type="button">
								</label>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
				<button type="button" class="btn btn-primary"><i class="fa fa-check"></i>保存</button>
			</div>
		</div>
	</div>
</div>
<div id="subjectModel3" class="modal fade" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">新增数据混合布局</h4>
			</div>
			<div class="modal-body form">
				<div class="form-group">
					<div class="row">
						<label class="col-sm-2 control-label text-right">名称</label>
						<div class="col-sm-10">
							<div class="input-group"><input type="text" class="form-control"/></div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">自动完成</label>
						<div class="col-sm-10">
							<div class="input-group"><input type="text" name="nope" id="nope" class="form-control autoCompleter"/></div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">时间选择</label>
						<div class="col-sm-10">
							<div class="input-group"><input class="form-control getTime" data-format="yyyy-MM-dd" type="text"/></div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">地图选择</label>
						<div class="col-sm-10">
							<div class="input-group"><input type="text" class="form-control selectMap" placeholder="单击地图标注"/></div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">城市选择</label>
						<div class="col-sm-10">
							<div class="input-group">
								<select class="form-control" style="width:33.33%">
									<option>--选择省份--</option>
								</select>
								<select class="form-control" style="width:33.33%">
									<option>--选择城市--</option>
								</select>
								<select class="form-control" style="width:33.33%">
									<option>--选择地区--</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">角色</label>
						<div class="col-sm-10">
							<div class="input-group">
								<select class="form-control">
									<option>系统管理员</option>
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">状态</label>
						<div class="col-sm-4">
							<div class="checkbox-list">
								<label class="checkbox-inline"><input type="checkbox" name="state" value="1" checked>启用</label>
								<label class="checkbox-inline"><input type="checkbox" name="state" value="2">禁用</label>
							</div>
						</div>
						<label class="col-sm-2 control-label text-right">状态</label>
						<div class="col-md-4">
							<div class="radio-list">
								<label class="radio-inline"><input type="radio" name="optionsRadios" value="1" checked>启用</label>
								<label class="radio-inline"><input type="radio" name="optionsRadios" value="2">禁用</label>
							</div>
						</div>
					</div>
					<div class="row">
						<label class="col-sm-2 control-label text-right">文本域</label>
						<div class="col-sm-10">
							<div class="input-group"><textarea class="form-control" rows="3"></textarea></div>
						</div>
					</div>
					<hr />
					<div class="row">
						<div class="col-sm-6 text-center">
							<div class="b-show_img" id="showPortrait4Box">
	                            <img src="/manageView/assets/img/logo.png">
	                        </div><br />
	                        <div class="b-show_img_btns">
								<label>
									<input class="b-file_molding" size="6" type="file" onchange="previewImage(this,'showPortrait4Box')">
									<input value="添加照片" type="button">
								</label>
							</div>
						</div>
						<div class="col-sm-6 text-center">
							<div class="b-show_img" id="showPortrait5Box">
	                            <img src="/manageView/assets/img/logo.png">
	                        </div><br />
	                        <div class="b-show_img_btns">
								<label>
									<input class="b-file_molding" size="6" type="file" onchange="previewImage(this,'showPortrait5Box')">
									<input value="添加照片" type="button">
								</label>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
				<button type="button" class="btn btn-primary"><i class="fa fa-check"></i>保存</button>
			</div>
		</div>
	</div>
</div>
<div id="tableSelect" class="modal fade" role="dialog" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				<h4 class="modal-title">角色修改</h4>
			</div>
			<div class="modal-body form">
				<div class="form-group alert row">
					<div class="col-sm-6">
						<p class="selectAllTit">已选择</p>
						<select multiple="multiple" class="selectAll" id="selectAll1" go="selectAll2">
							<option value="5">5</option>
							<option value="6">6</option>
						</select>
					</div>
					<div class="col-sm-6">
						<p class="selectAllTit">未选择</p>
						<select multiple="multiple" class="selectAll" id="selectAll2" go="selectAll1">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
						</select>
					</div>
				</div>
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-danger" data-dismiss="modal"><i class="fa fa-times"></i>关闭</button>
				<button type="button" class="btn btn-primary"><i class="fa fa-check"></i>保存</button>
			</div>
		</div>
	</div>
</div>
	<!-- END CONTENT -->
<!-- END CONTAINER -->
<!-- BEGIN JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
<!-- BEGIN CORE PLUGINS -->
</body>
<!-- END BODY -->
</html>
<!--通用事件绑定js-->
<script src="manageView/assets/scripts/public.js" type="text/javascript"></script>
<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=9d18fa7b87af3c3448b9c6cb025c8c36&plugin=AMap.ToolBar"></script>
<script>
new selectMap();
function test3(_id){
	alert(_id);
}
function test1(){
	bootboxWindow.alert('提示信息',null);
}
function test2(){
	bootboxWindow.alert('提示信息',test3);
}
</script>